<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<c:set var="basePath" value="${pageContext.request.contextPath}"/>
<!DOCTYPE html>
<html>
<head>
<title>设备能源管理系统(EMS)</title>
<meta charset="UTF-8" />
	<jsp:include page="../common/header.jsp"/>
	<script type="text/javascript" src="${basePath}/resources/js/echarts-liquidfill.js"></script>
	<script type="text/javascript" src="${basePath}/resources/js/monitor/single.js"></script>
</head>
<body class="easyui-layout">
<jsp:include page="../common/top.jsp"/>
<div class="layout-content" data-options="region:'center',border:false">
	<div class="ems-main-center mt15 togray">
	    <div class="easyui-layout" data-options="fit:true">
		    <div data-options="region:'center',title:'设备参数',split:true,collapsible:false,iconCls:'icon-p1'" id="singledata">
		    	<img v-bind:src=item.path class="content-img">
		    	<dl class="content-inner">
		    		<dd class="content-inner-dd tcolor3">
			    		<p><span>设备编号:</span><b>{{item.equNo}}</b></p>
			    		<p><span>设备名称:</span><b>{{item.equName}}</b></p>
			    	</dd>
			    	<dd class="content-inner-dd tcolor1">
			    		<p><span>今日耗电:</span><b>{{item.todayEngry}}</b></p>
			    		<p><span>今日电费:</span><b>{{item.todayCharges}}</b></p>
			    	</dd>
			    	<dd class="content-inner-dd tcolor2">
			    		<p><span>当前功率:</span><b>{{item.currentPower}}KW</b></p>
			    		<p><span>刷新时间:</span><b>{{item.belongDate}}</b></p>
			    	</dd>
		    	</dl>
		    	<div class="content-inner2 ems-main-btns">
		    		<span style="margin-right:5px">选择设备:</span>
					<select name="equNo" style="width:130px;" v-on:change="equListSelect" id="equToSel">
						<c:forEach items="${equs}" var="e" varStatus="status">
						    <option value="${e.key}" <c:if test="${status.index eq 2}">selected="selected"</c:if>>${e.value}</option>   
						</c:forEach>  
					</select>
					<div id="liquidFill" class="ptGL"></div>
					
		    	</div>
<!-- 		    	<div class="ems-main-btns"> -->
<!-- 					<span style="margin-right:5px">选择设备:</span> -->
<!-- 					<select name="equNo" style="width:130px;" v-on:change="equListSelect" id="equToSel"> -->
<%-- 						<c:forEach items="${equs}" var="e" varStatus="status"> --%>
<%-- 						    <option value="${e.key}" <c:if test="${status.index eq 2}">selected="selected"</c:if>>${e.value}</option>    --%>
<%-- 						</c:forEach>   --%>
<!-- 					</select>     -->
<!-- 		    	</div> -->
		    </div>   
	    </div>
	</div>
	<div class="ems-main-south togray">
	    <div class="easyui-layout" data-options="fit:true">
		    <div data-options="region:'center',title:'功率曲线',split:true,collapsible:false,iconCls:'icon-p1'" id="singlechart"></div>
	    </div>
	</div>
</div>
</body>
</html>